

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>日期模块 - layui</title>

	
	<style>
		body{padding: 50px 100px;}
		.layui-inline{margin-right: 15px;}
	</style>
</head>
<body>

日期时间范围选择：
<div class="layui-inline">
	<input type="text" class="layui-input" id="test1">
</div>

<br><br><hr><br>

日期选择器：
<div class="layui-inline">
	<input type="text" class="layui-input" id="test2">
</div>

<br><br><hr><br>

年选择器：
<div class="layui-inline">
	<input type="text" class="layui-input" id="test3">
</div>

年月选择器：
<div class="layui-inline">
	<input type="text" class="layui-input" id="test4">
</div>

时间时间器：
<div class="layui-inline">
	<input type="text" class="layui-input" id="test5">
</div>

<br><br><hr><br>

时间范围选择
<div class="layui-inline">
	<input type="text" class="layui-input" id="test55">
</div>

自定义重要日：
<div class="layui-inline">
	<input type="text" class="layui-input" id="test555">
</div>

<br><br><hr><br>


同时绑定多个：
<div class="layui-inline">
	<input type="text" class="layui-input test-item">
</div>
<div class="layui-inline">
	<input type="text" class="layui-input test-item">
</div>
<div class="layui-inline">
	<input type="text" class="layui-input test-item">
</div>

<br><br><hr><br>


墨绿主题：
<div class="layui-inline">
	<input type="text" class="layui-input" id="test6-1">
</div>

自定义头部背景色：
<div class="layui-inline">
	<input type="text" class="layui-input" id="test6-2">
</div>

格子主题：
<div class="layui-inline">
	<input type="text" class="layui-input" id="test6-3">
</div>

<br><br><hr><br>

<button class="layui-btn" id="test7">其它元素触发</button>
<div class="layui-inline">
	<input type="text" class="layui-input" id="test6">
</div>

<button class="layui-btn" id="test9">外部事件触发</button>
<div class="layui-inline">
	<input type="text" class="layui-input" id="test8">
</div>

<br><br><hr><br>
直接嵌套在指定容器中：<br><br>
<div class="layui-inline" id="test10"></div>
<div class="layui-inline" id="test11" style="margin-left: 30px;"></div>

</body>
</html>
